﻿//HMG - KOR | Recruit.js

/* menu button click ============================================================================= */
function pen(){
  $("#header").animate({"left":"-160px"});
  $("#footer").animate({"left":"-160px"});
  $(".recurit_Wrap > h2").animate({"left":"30px"});
  $(".recurit_Wrap > h2 + h3").animate({"left":"166px"});
  $(".recurit_contents").animate({"left":"-160px"});
  $(".open").hide();
  $(".close").show();
}
function lose(){
  $("#header").animate({"left":"0"});
  $("#footer").animate({"left":"15px"});
  $(".recurit_Wrap > h2").animate({"left":"194px"});
  $(".recurit_Wrap > h2 + h3").animate({"left":"331px"});
  $(".recurit_contents").animate({"left":"0"});
  $(".open").show();
  $(".close").hide();
}

/* layer height control ============================================================================= */
function fe_asideHeight(){	//photo layer
    $(".photo_layer").height( $("#wrap").height() + "px");
}
function fe_asideHeight_relation(){	//relation layer
    $(".relation_layer").height( $("#wrap").height() + "px");
}

/* layer toggle control ============================================================================= */
function fe_layPop(preMask){	//photo layer
    function wrapWindowByMask(){
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var layerHeight = $(".photo_layPop > div").height();
        var layerWidth = $(".photo_layPop > div").width();
        $(".photo_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
        $(".photo_layPop").css({"margin-top": "-" + layerHeight/2 + "px", "margin-left" : "-" + layerWidth/2 + "px"});
    }
    if(preMask == true){
	  	wrapWindowByMask();
	  }
    $(".photo_layOpen").click(function(e){
        $(".jspPane").css({"position":"static"});
        e.preventDefault();
        wrapWindowByMask();
    });
    $(".photo_mask").click(function (e) {
        e.preventDefault();
        $("#footer").css({"z-index":"9990"});
        $(".photo_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
    });
    $(".btnClose > img").click(function () {
        $("#footer").css({"z-index":"9990"});
        $(".photo_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
    });
}
function fe_layPop_relation(preMask){	//relation layer
    function wrapWindowByMask(){
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var layerHeight = $(".relation_layPop > div").height();
        var layerWidth = $(".relation_layPop > div").width();
        $(".relation_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
        //$(".relation_layPop").css({"margin-top": "-" + layerHeight/2 + "px", "margin-left" : "-" + layerWidth/2 + "px"});
    }
    if(preMask == true){
	  	wrapWindowByMask();
	  }
    $(".relation_layOpen").click(function(e){
        $(".jspPane").css({"position":"static"});
        e.preventDefault();
        wrapWindowByMask();
    });
    $(".relation_mask").click(function (e) {
        e.preventDefault();
        $(".relation_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
    });
    $(".request_btnClose > a > img").click(function () {
        $(".relation_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
    });
}

/* font size control ============================================================================= */
var defsize = 12;
function zoom_it(n) {
    resizeFrame ();
    defsize += n;
    if(defsize>20){
        defsize=20;
        alert("더 이상 크게 할 수 없습니다.");
    }else if(defsize<12){
        resizeFrame ();
        defsize=12;
        alert("더 이상 작게 할 수 없습니다");
    }
    document.getElementsByTagName("body").item(0).style.fontSize=defsize+"px";
}


/* delay function ============================================================================= */
var delay = (function(){
 var timer = 0;
 return function(callback, ms){
    clearTimeout (timer);
    timer = setTimeout(callback, ms);
 };
})();

/* call scroll function ============================================================================= */
function resizeFrame () {
	var scrbarW = $(".scroll-pane");
	$(scrbarW).jScrollPane();
}






/*==============================================================================================================
====================================== document ready function start ===========================================
============================================================================================================== */
$(function(){

/* if web ============================================================================= */
 if (navigator.userAgent.match(/iPhone|iPod|iPad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) == null && navigator.userAgent.match(/LG|SAMSUNG|Samsung/) == null) {
 }
/* if mobile ============================================================================= */
 else{
    var liEq = $(this).index()+1;
    if(liEq < 10){
        liEq = "0" + liEq;
    }
    $(".photo_layOver").css("display","block").animate({"top":"146px"});
    $(".interview_Thumb_List ul li .interview_layOver").css({"display":"block"}).animate({"top":"94px"});
    $("#header").animate({"left":"-160px"});
    $("#footer").animate({"left":"-160px"});
    $("h2").animate({"left":"30px"});
    $("h3").animate({"left":"166px"});
    $(".recurit_contents").animate({"left":"-160px"});
    $(".open").hide();
    $(".close").show();
    $("#container > div").removeClass("scroll-pane");
	}

/* height control ============================================================================= */
	var wH = $(window).height();
  $(".scroll-pane").css({'height':wH + 'px'});

/* recruit list background control ============================================================================= */
  var recruitBg = $(".recruit_list dl");
  $(recruitBg).hover(
  	function () {
    	$(this).addClass("on");
  	},
  	function () {
    	$(this).removeClass("on");
    }
  );

/* gnb etc icon control ============================================================================= */
  var etcIcon = $(".etc ul li");
  $(etcIcon).hover(
  function () {$(this).addClass("on")},
  function () {$(this).removeClass("on")}
  );

/* interview control ============================================================================= */
  var layover = $(".interview_layOver");
  $(".interview_Thumb_List ul li").hover(function(){
      var liEq = $(this).index()+1;

      fn_draw_over_image(liEq);

      if(liEq < 10){
          liEq = "0" + liEq;
      }
      $(this).find(layover).css("display","block").animate({"top":"94px" });
      fn_draw_over_image(liEq);
  }, function(){
      var liEq = $(this).index()+1;

      fn_draw_default_image(liEq);

      if(liEq < 10){
          liEq = "0" + liEq;
      }
      $(this).find(layover).css("display","none").animate({"top":"157px"}).stop(true, true);
  });

/* company control ============================================================================= */
  var corporate = $(".companyWrap");
	var corporateBtn = $(".right_Btn");
  $(corporateBtn).click(function(){
      $(corporate).slideToggle(200);
  });

/* top button control ============================================================================= */
  $("#btn-top").click(function(){
      $(".jspPane, .jspDrag").css("top","0px");
  });

/* call layer function ============================================================================= */
	if ( $(".photo_layOpen").length ) fe_layPop();
  if ( $(".relation_layOpen").length ) fe_layPop_relation();
});


/*==============================================================================================================
====================================== window resize function start ============================================
============================================================================================================== */
$(window).resize(function () {
    var wH = $(window).height();
    $(".scroll-pane").css({'height':wH + 'px'});
    resizeFrame();
});



/*==============================================================================================================
====================================== window load function start ==============================================
============================================================================================================== */
$(window).load(function(){
  var ctn = $("#container");
  var gnb = $("#header");
  var scrbarW = $(".scroll-pane");

  $(ctn).hover(
  function(){$("#container .jspVerticalBar").clearQueue().show();},
  function(){$("#container .jspVerticalBar").clearQueue().hide();}
  );
  $(gnb).hover(
  function(){$("#header .jspVerticalBar").clearQueue().show();},
  function(){$("#header .jspVerticalBar").clearQueue().hide();}
  );
  $(scrbarW).jScrollPane();

/* check and call layer control ============================================================================= */
  if ( $(".photo_layer").length ) fe_asideHeight();
  if ( $(".relation_layer").length ) fe_asideHeight_relation();
});



//google code
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-35880241-1']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
